html,body,h1,h2,h3{font-family:'Microsoft Yahei', '微软雅黑', '宋体', Tahoma, Arial, Helvetica, STHeiti;}
body{max-width: 640px; margin: 0 auto;}
a:focus {outline:none; text-decoration:none;}
a,a:hover{text-decoration:none;}
ul{ list-style: none; margin: 0; padding: 0;}

.align-center{text-align: center}
.align-left{text-align: left}
.align-right{text-align: right}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-line-through{text-decoration: line-through}

.padding-15px-lr{padding: 0 15px;}

.color-muted{color:#999;}
.hide{display: none}
.buttons-tab .button.active{color: #ff2d4b;border-color: #ff2d4b;}
.item-content.hide{display: none}

label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox, label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background: #ff2d4b}

.list-block{margin-top: .5rem; margin-bottom: .5rem; }
/*================================popover============================*/
.popover-manage{min-width: 5rem;}
.popover-manage .list-block .item-link.list-button{color: #3d4145; line-height: 2rem; padding: 0, .5rem}
.popover-manage .list-block .item-link:after{content: ''}


.label-switch input[type=checkbox]:checked+.checkbox{background: #ff2d4b}
.label-switch.switch-sm{height: 1.3rem;}
.label-switch.switch-sm input{height: 1.3rem;}
.label-switch.switch-sm .checkbox{height: 1.3rem;}
.label-switch.switch-sm .checkbox:before{height: 1.1rem;}
.label-switch.switch-sm .checkbox:after{width: 1.1rem; height: 1.1rem;}
.label-switch.switch-sm input[type=checkbox]:checked+.checkbox:after{left: 0.3rem;}

header{z-index: 100!important;}
header .js-date{position: absolute; z-index: 10000000; width: 100%; top: 10px; left: 45px; color: #fff}
header .js-date .icon{line-height: normal; padding: 0; font-size: .8rem}
header .js-date .picker-calendar{width: 100%; left: -45px; top: 11px; background-color: #FFF; border-bottom: 1px solid #ccc}
header .js-date .picker-calendar .picker-calendar-month-picker{color: #3d4145}
header .js-date .picker-calendar .picker-calendar-year-picker{color: #3d4145}
header .js-date .picker-calendar .picker-calendar-week-days{background-color: #f7f7f8; color: #3d4145}
header .js-date .picker-calendar .picker-modal-inner{}
header .js-date .picker-calendar.hide{display: none}

/*标签 圆角 原点*/
.wui-label{display: inline-block; padding: .2rem .25rem; font-size: .4rem; line-height: 1; color: #616161; background-color: #e0e0e0; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.15rem;}
.wui-label-info{color: #ffffff; background-color: #03a9f4;}
.wui-label-primary{color: #ffffff; background-color: #00bcd4;}
.wui-label-danger{color: #ffffff; background-color: #e51c23;}
.wui-label-success{color: #ffffff; background-color: #009688;}
.wui-label-warning{color: #ffffff; background-color: #ffc107;}
.wui-label-outlined{border: 1px solid #d9d9d9; background-color: transparent;}
.wui-label-outlined.wui-label-danger{color: #e51c23; border-color: #e51c23;}
.wui-badge{display: inline-block; width: auto; text-align: center; min-width: 0.8rem; height: 0.8rem; line-height: 0.8rem; padding: 0 0.2rem; font-size: 0.6rem; color: #ffffff; background-color: #ff2600; border-radius: 0.4rem; position: absolute; top: 0.2rem; left: 60%; z-index: 99;}
.wui-dot{display: inline-block; width: 0.4rem; height: 0.4rem; background: #ff2600; border-radius: 0.5rem; position: absolute; top: 0.3rem; right: 20%; z-index: 99;}

/*提示条*/
.wui-tips {padding: 0 0.75rem; width: 100%; z-index: 99; height: 1.9rem; line-height: 1.9rem; position: relative; background-color: rgba(0,0,0,.6); color: #ffffff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
.wui-tips .wui-tips-title {padding: 0 0.5rem; font-size: 0.7rem; position: relative; max-width: 100%;}

/*loading*/
.wui-loadmore{width: 65%; margin: 1rem auto; line-height: 1.1rem; font-size: 14px; text-align: center;}
.wui-loading{width: 20px; height: 20px; display: inline-block; vertical-align: middle; animation: e 1s steps(12) infinite; background: transparent url(../img/loading) no-repeat; background-size: 100%;}
.wui-loadmore-tips{display: inline-block; vertical-align: middle;}
.wui-loadmore-line{border-top: 1px solid #e5e5e5; margin-top: 1.4rem;}
.wui-loadmore-dot .wui-loadmore-tips:before{content: " "; width: 4px; height: 4px; border-radius: 50%; background-color: #e5e5e5; display: inline-block; position: relative;  vertical-align: 0; top: -.11rem;}
.wui-loadmore-line .wui-loadmore-tips{position: relative; top: -.65rem; padding: 0 .15rem; background-color: #fff; color: #999;}

/*toptip*/
.wui-toptips{display: block; position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; left: 0; right: 0; padding: 5px; font-size: 14px; text-align: center; color: #fff; z-index: 5000; word-wrap: break-word; word-break: break-all;}
.wui-toptips.wui-toptips-visible{opacity: 1;}
.wui-toptips{opacity: 0; transition: opacity .3s;}
.bg-success{background-color: #4cd964;}
.bg-error , .bg-danger{background-color: #f6383a;}
.bg-warning{background-color: #f60;}

/*Preview*/
.wui-form-preview {position: relative; background-color: #fff;}
.wui-form-preview:after, .wui-form-preview:before {content: " "; position: absolute; left: 0; right: 0; height: 1px; color: #d9d9d9;}
.wui-form-preview:before {top: 0; border-top: 1px solid #d9d9d9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.wui-form-preview:after {bottom: 0; border-bottom: 1px solid #d9d9d9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.wui-form-preview-hd {position: relative; padding: 10px 15px; text-align: right; line-height: 2.5rem;}
.wui-form-preview-item {overflow: hidden;}
.wui-form-preview-label {float: left; margin-right: 1rem; min-width: 4rem; color: #999; text-align: justify; text-align-last: justify;}
.wui-form-preview-hd .wui-form-preview-value {font-style: normal; font-size: 1.3rem;}
.wui-form-preview-value {display: block; overflow: hidden; word-break: normal; word-wrap: break-word;}
.wui-form-preview-hd:after {content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #d9d9d9; color: #d9d9d9; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 15px;}
.wui-form-preview-bd {padding: 10px 15px; font-size: .7rem; text-align: right; color: #999; line-height: 2;}
.wui-form-preview-ft {position: relative; line-height: 50px; display: -webkit-box; display: -webkit-flex; display: flex;}
.wui-form-preview-btn-primary {color: #0bb20c;}
.wui-form-preview-btn {position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #3cc51f; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.wui-form-preview-ft:after {content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.wui-form-preview-btn-default {color: #999;}
.wui-form-preview-btn:after {content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #d5d5d6; color: #d5d5d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(.5); transform: scaleX(.5);}

/*头部导航*/
.page .bar-nav{background: #ff2d4b}
.page .bar.bar-nav{border-bottom: none;}
.page .bar-nav .title{color: #FFF}

.common-bar-nav{background: #ff2d4b; border-bottom: 0;}
.common-bar-nav .title{color: #fff;}
.common-bar-nav a{color: #fff; line-height: 2.2rem; font-size: .8rem; z-index: 20; position: relative;}
.common-bar-nav a i{font-size: .8rem;}

.common-buttons-nav .row{}
.common-buttons-nav .row div{height: 2.2rem; line-height: 2.2rem}
.common-buttons-nav .row .buttons-row{width: 80%; margin: 0 auto}
.common-buttons-nav .row .buttons-row a{height: 1.6rem; line-height: 1.6rem; font-size: .8rem; top: .3rem; color: #FFF; border: 1px solid #FFF}
.common-buttons-nav .row .buttons-row a.active{background: #FFF; color: #ff2d4b}
.common-buttons-nav a i{font-size: .8rem; color: #FFF;}
.common-buttons-nav a i.icon-plus{font-size: 1rem; color: #fff; height: auto;}

/*message*/
.message{background: #fff;}
.message .container{padding:0 1.5rem ;text-align: center;}
.message .container .icon-area{margin-top: 1rem;}
.message .container.success .fa-icon:before {font-size: 104px;color: #09BB07; content: "\e619";}
.message .container.info .fa-icon:before {font-size: 104px;color: #10aeff; content: "\e61c";}
.message .container.error .fa-icon:before {font-size: 104px;color: #f76260; content: "\e61a";}
.message .container .text-area{margin-bottom: 25px;padding: 0 20px;}
.message .container .text-area .msg-title {margin-bottom: 5px;font-weight: 400;font-size: 20px;margin-top: 0;}
.message .container .text-area .desc {font-size: 14px;color: #888;}
.message .container .text-area .desc > h3{margin: 0; font-size: 25px}
.message .container .btn-area {margin-bottom: 25px;}
.message .container .btn-area .button{margin-bottom: .75rem;height: 2.1rem;line-height: 2.1rem;background: #f7f7f7;}
.message .container.success .btn-area .button{background: #09BB07;color: #fff;border-color: #09BB07;}
.message .container.info .btn-area .button{background: #10aeff;color: #fff;border-color: #10aeff;}
.message .container.error .btn-area .button{background: #f76260;color: #fff;border-color: #f76260;}
.message .container .extra-area{position: fixed;left: 0;bottom: 0;width: 100%;text-align: center;margin-bottom: .75rem;}
.message .container .extra-area a{color: #61749B;font-size: .7rem;}

.select-modal{height: auto; min-height: 13rem}
.picker-modal{background: #FFF;}
.picker-modal .bar{background: #f7f7f8; color: #3d4145; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.picker-modal .bar .button{color: #ff2d4b}
.picker-modal .list-block{margin: 0; overflow-x: hidden; overflow-y: scroll; max-height: 16rem; width: 100%}
.picker-modal .list-block .item-inner{border-bottom: none}
.picker-modal .list-block ul{border-top-color: #FFF}
.picker-modal .list-block label.item-content{border-bottom: 1px solid #e7e7e7; padding-right: .75rem}
.picker-modal .list-block label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, .picker-modal .list-block label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox{background: #ff2d4b}

.list-block .item-after .tpl-select{width: 50%; text-align: right; position: absolute; top: 0; right: 30px; height: 46px; line-height: 46px;}
.list-block .item-content .item-inner .item-remark{z-index: 10000; position: absolute; right: .75rem; font-size: .7rem; color: #888}
.list-block .btn-captcha{z-index: 10000; position: absolute; right: .75rem; width: 4.5rem; height: 1.4rem;}

.col-10{width: 10%;}
.col-80{width: 80%;}

/*底部导航*/
.footer-bar .tab-item{color: #929292;}
.footer-bar .tab-item .icon{color: #163636; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; top: 2px;}
.footer-bar .tab-item .icon~.tab-label{top:0;}
.footer-bar .tab-item.active{color: #ff2d4b;}
.footer-bar .tab-item.active .icon{color: #ff2d4b;}


/*店铺列表*/
.store-list li{ padding: .5rem .75rem; background: #fff; border: solid #eaeaea; border-width: 1px 0; margin: .5rem 0; overflow: hidden; position: relative;}
.store-list li a{ width: 100%; height: 100%; display: block; overflow: hidden; color: #3d4145;}
.store-list li .store-pic{ height: 2.2rem; width: 2.2rem; float: left;}
.store-list li .store-pic img{ -webkit-border-radius: .2rem; -moz-border-radius: .2rem; border-radius: .2rem; height: 2.2rem; width: 2.2rem;}
.store-list li .store-info{ float: left; padding-left: .5rem; height: 2.2rem; line-height: 2.2rem;}
.store-list li .store-info i{ position: absolute; right: 1rem; top: .5rem; font-size: 16px;}

/*店铺home*/
#page-manage-home{}
#page-manage-home .store-top{height: 8.5rem; border-bottom: .3rem solid #ea384c; color: #fff; padding: .75rem; background: #ff6764; background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%,#ff6764),color-stop(100%,#ff403d)); background-image: -webkit-linear-gradient(top,#ff6764,#ff403d); background: linear-gradient(to bottom,#ff6764,#ff403d);}
#page-manage-home .store-top #page-manage-stat .store-stat-sum{font-size: 1.4rem;}
#page-manage-home .store-data{overflow: hidden; border-bottom: 1px solid #eaeaea;}
#page-manage-home .store-data li{width: 33.3333333%; float: left; text-align: center; background: #fff; padding: .75rem 0;}
#page-manage-home .store-data li a{border-left: 1px solid #e8e9eb; font-size: .6rem; overflow: hidden; display: block; width: 100%; height: 100%; color: #3d4145;}
#page-manage-home .store-data li:first-child a{border-left: 0;}
#page-manage-home .store-data .store-data-sum{font-size: 1rem; line-height: 1.3;}
#page-manage-home .store-data li a .store-data-info{color: #878787;}
#page-manage-home .store-cate{overflow: hidden; background: #fff; margin: .75rem 0; border: solid #eaeaea; border-width: 1px 0; padding-bottom: 1.1rem;}
#page-manage-home .store-cate li a{float: left; width: 33.3333333%; text-align: center; padding-top: 1.1rem; position: relative;}
#page-manage-home .store-cate li a p{color: #7a848f; font-size: .6rem; padding-top: .2rem; margin: 0;}
#page-manage-home .store-cate li a:before{display: inline-block; *display: block; zoom: 1; width: 2.5rem; height: 2.5rem; text-align: center; font-size: 1.8rem}
#page-manage-home .store-cate li a.icon-shop:before{text-align: center; font-size: 1.8rem; line-height: 2.5rem; color: #F09A91;}
#page-manage-home .store-cate li a.icon-goods:before{color: #E9972D;}
#page-manage-home .store-cate li a.icon-order:before{color: #2F9AEA;}
#page-manage-home .store-cate li a.icon-survey:before{color: #2F9AEA;}
#page-manage-home .store-cate li a.icon-recharge:before{color: #E9972D;}
#page-manage-home .store-cate li a.icon-activity:before{color: #FF2D4B;}
#page-manage-home .store-cate li a .wui-badge{top: 1.4rem; left: 53%;}
#page-manage-home .store-top p{margin: 0rem; position: relative}
#page-manage-home .store-top p a{position: absolute; right: 0; color: #FFF; font-size: .7rem}
#page-manage-home .slide.swiper-container img{margin: 0 auto; width: 100%; height: 4.2rem;}
#page-manage-home .swiper-container{padding-bottom: 0; margin-bottom: .8rem;}

/*订单列表*/
#page-manage-order .buttons-tab .button{font-size: .7rem; color: #3d4145;}
#page-manage-order .buttons-tab .button.active{color: #ff2d4b; border-color: #ff2d4b;}
#page-manage-order li{background-color: #fff; font-size: .6rem; margin: .3rem 0; position: relative}
#page-manage-order .order-ls-info{display: block; color: #3d4145; padding-left: .75rem; padding-top: .25rem;}
#page-manage-order .order-ls-tl{position: relative; line-height: 1.4rem; color: #3d4145;}
#page-manage-order .order-ls-tl span,.order-ls-date span{position: absolute; right: .5rem; top: 0;}
#page-manage-order .order-ls-tl .order-serial-sn{font-size: .8rem; font-weight: normal; color: #f6383a}
#page-manage-order .order-ls-date{color: #8a8a8a; position: relative;}
#page-manage-order .order-ls-dl{margin-top: .2rem; overflow: hidden; padding: .5rem .5rem .5rem 0;}
#page-manage-order .order-ls-dl .row{padding-bottom: .3rem;}
#page-manage-order .order-ls-dl .row.order-note{margin-left: 0rem;}
#page-manage-order .order-ls-dl .row:last-child{padding-bottom: 0;}
#page-manage-order .order-ls-sum{line-height: 1.9rem; color: #3d4145;}
#page-manage-order .order-ls-sum span{padding-left: .5rem;}
#page-manage-order .order-ls-sum span.order-ls-dist{padding-right: .5rem;}
#page-manage-order .order-pay-info{position: absolute; bottom: 2.5rem; left: 40%; width:4rem; height: 2.2rem;}
#page-manage-order .order-pay-info.have-pay{background: url(../img/have_pay.png) no-repeat 0 0; background-size: cover;}
#page-manage-order .order-pay-info.delivery-pay{background: url(../img/delivery_pay.png) no-repeat 0 0; background-size: cover; width: 6rem; height: 4rem}
#page-manage-order .order-ls-btn{font-size: 0; display: table; width: 100%;}
#page-manage-order .order-ls-btn a{display: table-cell; *display: block; zoom: 1; font-size: .6rem; text-align: center; padding: .5rem 0; color: #8a8a8a;}
#page-manage-order .order-ls-info .row .col-30{width: 30%; margin-left: 0}
#page-manage-order .order-list-container .eleme .order-ls-tl{color: #2395ff;}
#page-manage-order .order-list-container .eleme .order-ls-tl:before{content: "饿"; font-size: .8rem; margin-right: .25rem;}
#page-manage-order .order-list-container .eleme .order-serial-sn{color: #2395ff;}
#page-manage-order .order-list-container .meituan .order-ls-tl{color: #FFB814;}
#page-manage-order .order-list-container .meituan .order-ls-tl:before{content: "美"; font-size: .8rem; margin-right: .25rem;}
#page-manage-order .order-list-container .meituan .order-serial-sn{color: #FFB814;}

/*==============================没有数据===================================*/
.no-data{padding-top: 30%; text-align: center;}
.no-data .bg{display: inline-block; width: 8rem; height: 8rem; background: url(../img/no_order.png) no-repeat 0 0; background-size: cover;}
.no-data p{margin: 0; color: #999; font-size: .9rem;}

/*==============================数据统计===================================*/
#page-manage-stat .store-stat li{height: 5.5rem; border-bottom: 1px solid #eaeaea;}
#page-manage-stat .store-stat li:nth-child(2n+1){background: #fff;}
#page-manage-stat .store-stat li:nth-child(2n){background: #f9f9f9;}
#page-manage-stat .store-stat li a:before{float: left; width: .5rem; height: 5.5rem; content: '';}
#page-manage-stat .store-stat li:nth-child(2n) a:before{float: right;}
#page-manage-stat .store-stat li:nth-child(2n-1) a:before{background: #ff6764; background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%,#ff6764),color-stop(100%,#ff403d)); background-image: -webkit-linear-gradient(top,#ff6764,#ff403d); background: linear-gradient(to bottom,#ff6764,#ff403d);}
#page-manage-stat .store-stat li:nth-child(2n) a:before{background: #9ba9fb; background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%,#9ba9fb),color-stop(100%,#7784f9)); background-image: -webkit-linear-gradient(top,#9ba9fb,#7784f9); background: linear-gradient(to bottom,#9ba9fb,#7784f9);}
#page-manage-stat .store-stat li:nth-child(2n-1) a{color: #ff403c;}
#page-manage-stat .store-stat li:nth-child(2n) a{color: #7685f8;}
#page-manage-stat .store-stat-con{padding: 1rem 1.7rem 0;}
#page-manage-stat .store-stat-con p{margin:0;}
#page-manage-stat .store-stat-tl{font-size: .7rem;}
#page-manage-stat .store-stat-sum{font-size: 2rem;}

/*=========================商品管理==================================*/
#page-manage-goods .buttons-tab .button{font-size: .7rem; color: #3d4145;}
#page-manage-goods .buttons-tab .button.active{color: #ff2d4b; border-color: #ff2d4b;}
#page-manage-goods .goods-list li{padding: .7rem 0 0; background-color: #fff; margin-bottom: .5rem;}
#page-manage-goods .goods-list li:first-child{margin-top: .5rem;}
#page-manage-goods .goods-list li > a{display: block; width:100%; height: 100%; padding-left: .75rem; color: #3d4145;}
#page-manage-goods .goods-list-pic{border: 1px solid #d9d9d9; width: 4.5rem; height: 4.5rem; float: left; margin-right: .5rem;}
#page-manage-goods .goods-list-info{height: 5rem; padding-right: .5rem;}
#page-manage-goods .goods-title{font-size: .7rem; height: 20%; line-height: 1.2;}
#page-manage-goods .goods-p{font-size: .6rem; margin: .3rem;}
#page-manage-goods .goods-money{color: #ff2d4b;}
#page-manage-goods .goods-sum{font-size: .6rem; color: #878787;}
#page-manage-goods .goods-sum span{padding-right: 1.6rem;}
#page-manage-goods .goods-btn{font-size: 0; display: table; width: 100%;}
#page-manage-goods .goods-btn a{display: table-cell; *display: block; zoom: 1; font-size: .6rem; text-align: center; padding: .5rem 0; color: #8a8a8a;}
/*==================================选择车主==========================*/
.popup-delivery .list-block{margin: 1rem 0}

/*==================================订单详情==========================*/
.order-info .order-type{position: absolute; top: 0px; z-index: 100000; right: 0px; width: 75px; height: 75px; text-align: right; padding-right: 10px; opacity: 0.7; line-height: 65px; color: #FFF; border-bottom-left-radius: 100%; background: #ff2d4b}
#order-detail .order-details .icon-before{padding-left:1.2rem; position:relative; font-size:.75rem;}
#order-detail .order-details .icon-before img{position:absolute; left:0; top:.1rem; max-width:1rem;}
#order-detail .order-details .store-info{height:2.5rem; line-height:2.5rem; border-bottom:1px solid #e7e7e7; font-size:.8rem;}
#order-detail .order-details .store-info a{display:block;}
#order-detail .order-details .store-info img{margin-right:.5rem; width:1.5rem; height:1.5rem; vertical-align:middle; border-radius:100%;}
#order-detail .order-details .store-title{font-weight:bold; color:#333;}
#order-detail .order-details .store-info span.icon{font-size:.8rem; color:#999; margin-left:.3rem;}
#order-detail .order-state-con:before,#order-status .order-status-item:before,#order-status .order-status-item:after{content:""; width:1px; height:20px; border-left:1px solid #CBCBCB; position:absolute; top:.5rem; left:.875rem; margin-left:-1px;}
#order-detail .order-state-con .guide,#order-status .order-status-item .guide{width:1.75rem; position:absolute; left:0; top:0; height:100%;}
#order-detail .order-state-con .guide img,#order-status .order-status-item .guide img{width:1.75rem; position:absolute; top:50%; margin-top:-.875rem; z-index:10;}
#order-detail .order-state{background-color:#fff; margin-top:.5rem;}
#order-detail .order-state-con{padding:0 .75rem 0 3.25rem; position:relative;}
#order-detail .order-state-con:before{height:50%; left:1.625rem; top:0;}
#order-detail .order-state-con .guide{left:.75rem;}
#order-detail .order-state-detail{font-size:.75rem; padding:.5rem 0;}
#order-detail .order-state-detail .date,#order-detail .order-state-detail .tips{font-size:.6rem; color:#999;}
#order-detail .order-state-detail .tips{margin-bottom:3px;}
#order-detail .order-state-detail .more{color:#feb630; font-size:.7rem; line-height:.7rem;}
#order-detail .order-details-con{background-color:#fff; padding:0 .75rem; font-size:.75rem;}
#order-detail .order-details{position: relative;}
#order-detail .order-details .store-info{border:0;}
#order-detail .order-details .store-info a{display:block;}
#order-detail .order-details .inner-con{padding:.5rem 0 .05rem 0;}
#order-detail .order-details .inner-con:last-child{border:0; padding-bottom:.5rem;}
#order-detail .order-details .inner-con:last-child .row:last-child{margin:0;}
#order-detail .order-details .row{margin-bottom:.5rem;}
#order-detail .order-details .row.order-note{margin-left: 0rem;}
#order-detail .order-details .row .col-35{width: 35%; margin-left: 0}
#order-detail .order-details .row .col-55{width: 55%; margin-left: 0}
#order-detail .list-block.other-info{font-size:.75rem;}
#order-detail .other-info .item-after{color:#999;}
#order-detail .content-block-title{margin: .7rem .75rem}
#order-detail .content-block{margin: .5rem 0}
#order-detail .order-pay-info{position: absolute; bottom: 40%; left: 40%; width:4rem; height: 2.2rem;}
#order-detail .order-pay-info.have-pay{background: url(../img/have_pay.png) no-repeat 0 0; background-size: cover;}
#order-detail .order-pay-info.delivery-pay{background: url(../img/delivery_pay.png) no-repeat 0 0; background-size: cover; width: 6rem; height: 4rem}


#order-status{padding:.5rem .75rem;}
#order-status .order-status-item:before,#order-status .order-status-item:after{content:""; width:1px; height:20px; border-left:1px solid #CBCBCB; position:absolute; top:.5rem; left:.875rem; margin-left:-1px;}
#order-status .order-status-item .guide{width:1.75rem; position:absolute; left:0; top:0; height:100%;}
#order-status .order-status-item .guide img{width:1.75rem; position:absolute; top:50%; margin-top:-.875rem; z-index:10;}
#order-status .order-status-info{position:relative; font-size:.8rem; border:1px solid #e7e6e6; border-radius:.15rem; background:#fafafa; padding:.6rem .5rem;}
#order-status .order-status-info .arrow-left,#order-status .order-status-info .arrow-left:after{width: 0; height: 0; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #e7e6e6 transparent transparent; position: absolute; left: -12px; top: 50%; margin-top:-10px;}
#order-status .order-status-info .arrow-left:after{content: ""; border-right-color: #fafafa; left: 2px; top: 0px;}
#order-status .order-status-item{padding-left:2.5rem; position:relative;}
#order-status .order-status-item:before{top:0; height:50%;}
#order-status .order-status-item:after{top:65%; bottom:0; height:50%;}
#order-status .order-status-item:first-child:before,#order-status .order-status-item:last-child:after{display:none;}
#order-status .order-status-info{background:#fff; margin:.5rem 0; font-size:.75rem;}
#order-status .order-status-info .tips,#order-status .order-status-info .time{color:#999; font-size:.6rem;}
#order-status .order-status-info .tips{margin-top:.3rem;}
#order-status .order-status-info .arrow-left:after{border-right-color: #fff;}

#order-refund{margin-top: .5rem}
#order-refund .refund-detail{background: #FFF; padding: 0 .75rem .5rem}
#order-refund .refund-detail .refund-de-title{border-bottom:1px solid #eee;padding:.5rem 0;font-size:.75rem;}
#order-refund .refund-detail .refund-de-title .col-60 span{padding-left:.3rem;}
#order-refund .refund-detail .refund-de-title .col-40{text-align:right;}
#order-refund .refund-detail .refund-de-title .col-40 span{background:#ddd;color:#fff;font-size:.6rem;border-radius:1rem;padding:.1rem .3rem;}
#order-refund .refund-detail .refund-detail-con{font-size:.6rem;color:#999;}
#order-refund .refund-detail .refund-detail-con .row{margin:.35rem 0;}
#order-refund .refund-detail .refund-detail-con .row span{padding-left:.3rem;}
#order-refund .refund-plan{margin-top: .5rem; padding: .75rem; background: #FFF}
#order-refund .order-refund-item{padding-left:2.5rem; position:relative;}
#order-refund .order-refund-item:before, #order-refund .order-refund-item:after{content:""; width:1px; height:20px; border-left:1px solid #CBCBCB; position:absolute; top:.5rem; left:.875rem; margin-left:-1px;}
#order-refund .order-refund-item:before{top:0; height:50%;}
#order-refund .order-refund-item:after{top:65%; bottom:0; height:60%;}
#order-refund .order-refund-item:first-child:before,#order-refund .order-refund-item:last-child:after{display:none;}
#order-refund .order-refund-item .guide{width:1.75rem; position:absolute; left:0; top:0; height:100%;}
#order-refund .order-refund-item .guide img{width:1.75rem; position:absolute; top:50%; margin-top:-.875rem; z-index:10;}
#order-refund .order-refund-info{position:relative; background:#fafafa; margin:.5rem 0; font-size:.75rem; border:1px solid #e7e6e6; border-radius:.15rem; padding:.6rem .5rem;}
#order-refund .order-refund-info .tips,#order-refund .order-refund-info .time{color:#999; font-size:.6rem;}
#order-refund .order-refund-info .tips{margin-top:.3rem;}
#order-refund .order-refund-info .arrow-left,#order-refund .order-refund-info .arrow-left:after{width: 0; height: 0; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #e7e6e6 transparent transparent; position: absolute; left: -12px; top: 50%; margin-top:-10px;}
#order-refund .order-refund-info .arrow-left:after{content: ""; border-right-color: #fafafa; left: 2px; top: 0;}

/*商品分组*/
.group-item{position: relative;background: #fff; margin: .5rem 0;}
.group-item:before,.group-item:after,.group-item-title:after{content: ""; width: 100%; height: 1px; background: #e2e4e6; position: absolute; left:0;}
.group-item-title:after{bottom: 0;}
.group-item-title{padding: .75rem; position: relative; line-height: 2.8rem;}
.group-item-title span{position: absolute; right: .5rem; font-size: .7rem; color: #878787;}
.group-item-title p{position: absolute; bottom: -.5rem; margin: 0; font-size: .7rem; color: #878787;}
.group-item-operate{height: 2rem; line-height: 1rem; padding: .5rem 0; display: table; width: 100%; margin-left: -1px; overflow: hidden;}
.group-item-operate a{display: table-cell; font-size: .7rem; color: #999999; text-align: center;}
.group-item-operate a i{font-size: .9rem; margin-right: .25rem;}
.popup-goods-category .list-block{margin: .75rem 0;}

/*添加商品*/
.goods-add .list-block .item-content{padding-left:.5rem;}
.goods-add .list-block .item-title.label,.goods-add .list-block input[type=text], .goods-add .list-block .item-inner{font-size: .75rem;}
.goods-add .list-block .item-title{width:20%;}
.goods-add .content-block-title{margin: .75rem; overflow: visible}
.goods-add .content-block-title i.icon{font-size: 0.8rem}
.goods-options-item{position: relative;}
.goods-options-item .btn-delete{position: absolute; top: .5rem; right: .5rem;}
.goods-options-item .btn-delete span{position: relative; background: #f6383a; width:1rem; height: 1rem; content: ""; display: block; border-radius: 50%;}
.goods-options-item .btn-delete span:before{display: block; content: ""; width:.5rem; height: 2px; background: #fff; position: absolute; top:50%; left: 50%; margin-left: -.25rem; margin-top: -1px;}
.goods-add .btn-submit{background: #eee; position: absolute; bottom: 0; left: 0; right: 0; width:100%; padding:.5rem; z-index: 9999; border-top: 1px solid #e7e7e7;}
.goods-add .btn-submit~.content{bottom: 3rem;}
.goods-add .label-switch input[type=checkbox]{right: 0;}
.goods-add .label-switch input[type=checkbox]:checked+.checkbox{background: #ff2d4b}

/*上传图片*/
.image-container{background: #fff; padding: .5rem; padding-bottom: 0; margin-left: -4%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.image-container .image-item{position: relative; margin-bottom: .13rem;}
.image-container .image-item img{width: 100%; height: 3rem; border-radius: 3px}
.image-container .image-item i{position: absolute;width: 25px;height: 25px;border-radius: 50%;background: rgba(0,0,0,.6);right: -10px;top: -8px; z-index: 10000; color: #fff;text-align: center;font-size: .8rem;line-height: 25px;}
.image-container .image-item input{position: absolute; z-index: 1000; top: 0;left: 0; width: 100%; height: 100%; opacity: 0}

/*催单回复*/
.popup-order-remind .list-block{margin: .5rem 0}
.popup-order-remind .content-block-title{margin: .75rem}
.popup-order-remind .list-block .item-text{height: auto; -webkit-line-clamp: 10}
.popup-order-remind .list-block textarea{height: 7rem}

/*申请提现*/
.getcash .takeout-title{background-color:#fff;margin:.5rem 0;padding:.75rem;}
.getcash .takeout-title span{color:#ff2d4b;}
.getcash .takeout-list{margin:0;padding:0;list-style:none;padding:0 .75rem 0rem;background-color:#fff;}
.getcash .takeout-list li{overflow:hidden;padding:.75rem 0;}
.getcash .takeout-item-left{font-size:.7rem;width:5rem;margin-right:.5rem;margin-bottom:.3rem;}
.getcash .takeout-item-right{width:100%;}
.getcash .takeout-item-input input{background:none;border:1px solid #e7e7e7;border-radius:3px;font-size:.7rem;padding-left:.3rem;width:100%;margin-bottom:.5rem;line-height:1.5rem;}
.getcash .takeout-rule{color:#999;position:relative;padding-left:.4rem;margin:0;font-size:.7rem;}
.getcash .takeout-rule:before{content:"";width:4px;height:4px;border-radius:50%;position:absolute;left:0;background:#ccc;top:.35rem;}
.getcash .button-danger{margin-top: 1rem}

/*1px解决方案*/
.border-1px-t{border-top: 1px solid #e0e0e0}
.border-1px-b{border-bottom: 1px solid #e0e0e0}
.border-1px-tb{border-top: #e0e0e0 1px solid;border-bottom: #e0e0e0 1px solid;background-image: none}
.border-1px-l{border-left: 1px solid #e0e0e0}
.border-1px-r{border-right: 1px solid #e0e0e0}
.border-1px{border: 1px solid #e0e0e0}
.border-1px-radius{border: 1px solid #e0e0e0;border-radius: 4px}
@media screen and (-webkit-min-device-pixel-ratio:2){.border-1px-radius{position: relative; border: 0}
	.border-1px-radius:before{content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e0e0e0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 8px; pointer-events: none}
}
@media screen and (-webkit-min-device-pixel-ratio:2){.border-1px{position: relative; border: 0}
	.border-1px-t,.border-1px-b,.border-1px-l,.border-1px-r,.border-1px-tb{border: 0}
	.border-1px-t{background-position: left top; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))}
	.border-1px-b{background-position: left bottom; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))}
	.border-1px-t,.border-1px-b,.border-1px-tb{background-repeat: repeat-x; -webkit-background-size: 100% 1px}
	.border-1px-tb{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)); background-position: top,bottom}
	.border-1px-l{background-position: left top; background-image: -webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))}
	.border-1px-r{background-position: right top; background-image: -webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0))}
	.border-1px-l,.border-1px-r{background-repeat: repeat-y; -webkit-background-size: 1px 100%}
	.border-1px:after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,left top,left bottom,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)),-webkit-gradient(linear,right top,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0)); -webkit-background-size: 100% 1px,1px 100%,100% 1px,1px 100%; background-size: 100% 1px,1px 100%,100% 1px,1px 100%; -webkit-background-size: 100% 1px,1px 100%,100% 1px,1px 100%; background-size: 100% 1px,1px 100%,100% 1px,1px 100%; background-repeat: no-repeat; background-position: top,right,bottom,left; padding: 1px; -webkit-box-sizing: border-box; z-index: 10; pointer-events: none}
}

/*评分*/
.star-rank{margin:5px 0;}
.star-rank-outline{display:inline-block; width:75px; height:14px; position:relative; background:transparent url(../img/star-off-1.png) repeat-x left top; background-size:cover;}
.star-rank-active{display:inline-block; position:absolute; top:0; left:0; height:inherit; background:transparent url(../img/star-on-1.png) repeat-x left top; background-size:cover;}
.star-rank-value{color:#ff2d4b; margin-left:5px; display:inline-block; position:absolute; top:-3px; right:-30px;}

/*评价列表*/
.comment .comment-list{font-size:.7rem; background-color: #EFEFF4;}
.comment .comment-list.list-block{font-size:.7rem; margin: 0}
.comment .comment-list ul{background: none; border: none}
.comment .comment-list li{margin-top: .5rem;}
.comment .comment-list .item-content{align-items:flex-start; -webkit-align-items:flex-start; -moz-align-items:flex-start; background-color: #fff;}
.comment .comment-list .item-text{height: auto; color:#838383;font-size:.7rem;display: block}
.comment .comment-list .item-text .star-rank{width:75px; display:inline-block; margin: 0; margin-right:.5rem; }
.comment .comment-list .item-text .audit-info{font-size: .6rem}
.comment .comment-list .item-text .comment-info{padding:0}
.comment .comment-list .item-text .comment-favor-oppose{line-height:1.1rem; color:#999;margin-top: .4rem}
.comment .comment-list .item-text .comment-favor-oppose .icon{width:.8rem; height:.8rem; display:inline-block; vertical-align:text-top; margin:.1rem 0 0 .1rem;}
.comment .comment-list .item-text .comment-favor-oppose .favor{background:url(../img/comment_favor_icon.png) no-repeat; background-size:cover;}
.comment .comment-list .item-text .comment-favor-oppose .oppose{background:url(../img/comment_oppose_icon.png) no-repeat; background-size:cover;}
.comment .comment-list .item-text .comment-favor-oppose span{margin:0 .15rem; height:.9rem; line-height:.9rem; display:inline-block; background:#eceff2; color:#919cae; border-radius:.9rem; padding:0 .3rem; font-size:.6rem;}
.comment .comment-list .item-text .store-comment{padding:0; font-size:.7rem; color:#fb8124;}
.comment .comment-list .item-text .store-comment-top{font-size:.8rem; font-weight:bold; height:1.5rem; line-height:1.5rem;}
.comment .comment-list .item-text .store-comment-top span{font-size:.6rem; font-weight:normal;}
.comment .comment-list .item-text .comment-images-containter{margin-top: .5rem;}
.comment .comment-list .item-text .comment-images-containter img{width: 100%; height: 3rem; border-radius: 4px;}
.comment .comment-list .item-media{max-width: 2.3rem;}
.comment .comment-list .item-media img{width: 100%; height: 100%; border-radius: 100%}
.comment .comment-list .item-title{color:#8790a1}
.comment .comment-list .item-after{color:#999; font-size:.6rem;}
.comment .comment-list .item-inner{border:none; padding-right:.75rem; background:none;}
.comment .comment-list .row{margin-left: 0}
.comment .comment-list .row .col-25{margin-left: 0; width: 25%; font-size: .6rem; text-align: center; padding: .5rem 0; color: #8a8a8a;}
.comment .comment-list .table{display: table; background-color: #fff; table-layout: fixed; width: 100%; margin: 0; padding: 0; font-size: .6rem; min-height: 2rem;}
.comment .comment-list .table .table-cell{display: table-cell; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; color: #8B8B8B;}

/*回复评论*/
.popup-comment-reply .list-block{margin: .5rem 0}
.popup-comment-reply .content-block-title{margin: .75rem}
.popup-comment-reply .list-block .item-text{height: auto; -webkit-line-clamp: 10}
.popup-comment-reply .list-block textarea{height: 7rem}

/*图片浏览*/
.photo-browser .bar.bar-nav{background: #ff2d4b; color: #FFF; border-bottom: none}
.photo-browser .bar.bar-nav h1, .photo-browser .bar.bar-nav a{color: #FFF}

/*店铺管理*/
.store-index .list-block{margin-top: .5rem}
.store-index .list-block .store-title .item-title{font-size: .8rem; color: #333; font-weight: 600}
.store-index .list-block .item-title, .store-index .list-block .item-subtitle{font-size: .75rem; color: #333}
.store-index .list-block .business-hours .item-inner{display: flex}

.page-auth{background-color: #FFF}
.page-auth .list-block{margin-top: 0; margin-bottom: 0}
.page-auth .list-block .item-content{padding-left: .55rem;}
.page-auth .list-block .item-media+.item-inner{margin-left: .55rem;}
.page-auth .header{height: 8rem; background: url('../img/bg-mypage.png') no-repeat 0 0; background-size: 100% 100%; overflow: hidden}
.page-auth .header .logo{position: relative; height: 4.4rem; width: 4.4rem; border-radius: 100%; margin: 1rem auto 0;}
.page-auth .header .logo:before{
	position: absolute;
	content: "";
	height: 4.7rem;
	width: 4.7rem;
	border: 1px solid #fff;
	border-radius: 4.7rem;
	top: -0.2rem;
	left: -0.2rem;
}

.page-auth .header .logo img{
	height: 4.4rem;
	width: 4.4rem;
	border-radius: 4.4rem;
	display: block;
}

.page-auth .header .name{
	height: 2.5rem;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	line-height: 2.5rem;
}
.page-auth .btn-captcha{height: 1.6rem; width: 4.5rem;}
.page-auth .button{height: 2rem; line-height: 2rem}
.page-auth .button.button-fill.button-big{line-height: 2rem}
.page-auth .item-content .item-media .icon{font-size: .7rem; color: #999;}
.page-auth .content-padded{margin: 1rem 1rem .5rem 1rem;}
.page-auth .text{
	padding: 0 1.6rem;
	color: #888;
	font-size: 0.8rem;
	text-align: center;
}
.page-auth .text p{margin: 0; padding: 0}

.page-current-log .record-list{margin:0; list-style: none; padding: 0;}
.page-current-log .record-list li{margin: 0; background-color: #fff; padding: .3rem .5rem;}
.page-current-log .record-list a{color: #3d4145; font-size: .7rem;}
.page-current-log .record-name{position: relative;}
.page-current-log .record-name span.right{position: absolute; right: 0; font-weight: normal; font-size: .75rem}
.page-current-log .record-time{position: relative; font-size: .6rem; color: #aaa;}
.page-current-log .record-time span.right{position: absolute; right: 0; font-weight: normal;}

.page-current-detail .no-gutter{padding: 0.6rem 0.8rem; font-size:.7rem; background-color: #fff}

.page-manager .list-block{margin: 0.5rem 0;}
.page-manager .list-block .item-inner{color: #333}
.page-manager .list-block .item-title{font-size: 0.7rem;}
.page-manager .list-block .item-after{font-size: 0.7rem;}
.page-manager .list-block .item-subtitle{font-size: 0.7rem;}
.page-manager-profile .list-block{margin: 0.5rem 0;}
.page-manager-profile .list-block .item-title{font-size: 0.7rem; color: #333}
.page-manager-profile .list-block .item-after{font-size: 0.7rem;}
.page-manager-profile .list-block .item-subtitle{font-size: 0.7rem;}
.page-manager-profile .list-block .item-input input{font-size: 0.7rem;}
.page-manager-profile .manager-mobile .item-title{width: 30%}
.page-manager-profile .logout{font-size: 0.7rem; display: block; line-height: 2.5rem; color: #ff2d4b;}
.page-manager-phonic .content-block-title{margin: 0.5rem 0.75rem;}
.account .activity-nav{background-color: #ff2d4b; color: #fff}
.account .activity-nav .remainder{padding: 1.5rem 0 1rem; font-size: 0.7rem;}
.account .activity-nav .count{padding-bottom: 1.5rem; font-size: 1.5rem;}
.account .list-block{margin-top: .5rem}
.account .list-block a.item-inner{margin-left: 0.3rem; color: #3d4145; font-size: 0.7rem;}
.account .list-block li i.icon.icon-refund{font-size: 0.8rem; margin-top: 0.1rem;}
.account .list-block li i.icon.icon-account{font-size: 0.7rem; margin-top: 0.1rem;}

/*订单列表*/
.page-order .content{top: 0; padding-top: 2.2rem;}
.page-order .content input{position: absolute; top: .3rem; left: 1.8rem; z-index: 100; width: 3rem; opacity: 0;}
.page-order .med{font-size: .8rem;}
.page-order .largest{font-size: 1.2rem;}
.page-order .grayest{color: #A0A0A0!important;}
.page-order .small{font-size: .6rem;}
.page-order .orange{color: #F5a623; margin-right: .2rem;}
.page-order .green{color: #99D465;}
.page-order .order-list-item{border: 1px solid #D5D5D6; margin: 0 auto; margin-top: .5rem; background-color: #fff; margin-left: .5rem; margin-right: .5rem;}
.page-order .order-list-item.eleme .order-title>.med{color: #2395ff;}
.page-order .order-list-item.eleme .order-title>.largest{color: #2395ff;}
.page-order .order-list-item.eleme .order-title:before{content: "饿"; color: #2395ff; font-size: 1.2rem;}
.page-order .order-list-item .order-info{position: relative;}
.page-order .order-list-item.meituan .order-title>.med{color: #FFB814;}
.page-order .order-list-item.meituan .order-title>.largest{color: #FFB814;}
.page-order .order-list-item.meituan .order-title:before{content: "美"; color: #FFB814; font-size: 1.2rem;}
.page-order .order-list-item .order-info{position: relative;}
.page-order .order-list-item .order-title{background: #F0F0F0; overflow: hidden; padding: .2rem .7rem; position: relative;}
.page-order .order-list-item .order-time{margin-left: .2rem; vertical-align: text-bottom; font-size: .6rem; color: #ABABAB;}
.page-order .order-list-item .order-status{ font-size: .7rem; color: #ABABAB; position: absolute; right: .7rem; bottom: .4rem;}
.page-order .order-list-item .order-reason{color: #139EBD; background: #E5F6FD; text-indent: -8px; padding-left: .7rem; font-size: .6rem; padding: .3rem .7rem;}
.page-order .order-list-item .order-reason i{margin-left: .7rem;}
.page-order .order-list-item .user-info{padding: .5rem .7rem; position: relative;}
.page-order .order-list-item .user-info .user-name{margin-top: .3rem; line-height: 1;}
.page-order .order-list-item .user-info .user-name .user-status{margin-left: .2rem;}
.page-order .order-list-item .user-info .user-name span{margin-left: .2rem;}
.page-order .order-list-item .user-info .user-phone{margin-top: .3rem; color: #0ABFB0; font-size: .75rem;}
.page-order .order-list-item .user-info .user-phone i{margin-top: -.1rem;}
.page-order .order-list-item .user-info .user-phone a{color: #0ABFB0;}
.page-order .order-list-item .user-info .user-address{margin-top: .3rem;}
.page-order .order-list-item .user-info .user-address .search-address{font-size: .75rem;}
.page-order .order-list-item .user-info .user-address .distance{margin-left: .3rem; font-size: .75rem;}
.page-order .order-list-item .user-info .loc{position: absolute; right: .95rem; top: 12%; width: 1.4rem; height: 1.4rem; border: 1px solid #0ABFB0; text-align: center; line-height: 1.3rem; border-radius: 50%; display: inline-block;}
.page-order .order-list-item .user-info .loc i{font-size: .8rem; color: #0ABFB0;}
.page-order .order-list-item .delivery-section{padding: .5rem .7rem; position: relative;}
.page-order .order-list-item .delivery-section .delivery-name{font-size: .7rem; padding-top: .2rem;}
.page-order .order-list-item .delivery-section .delivery-status{margin-top: .2rem; font-size: .7rem;}
.page-order .order-list-item .delivery-section .more{color: #ABABAB; font-size: .7rem;}
.page-order .order-list-item .delivery-section .operate-box{position: absolute; right: .7rem; top: 22%;}
.page-order .order-list-item .delivery-section .operate-box a{display: inline-block; width: 1.4rem; height: 1.4rem; line-height: 1.3rem; text-align: center; border-radius: 50%; border: 1px solid #FF2D4B; color: #FF2D4B; margin-right: .2rem;}
.page-order .order-list-item .delivery-section .operate-box a i{font-size: .8rem;}
.page-order .order-list-item .goods-info{padding: .5rem .7rem; position: relative; padding-right: 0;}
.page-order .order-list-item .goods-info>.left{float: left; width: 7%;}
.page-order .order-list-item .goods-info>.left i{font-size: .8rem;}
.page-order .order-list-item .goods-info>.right{float: left; width: 93%; }
.page-order .order-list-item .goods-info>.right .goods-title{padding-right: .7rem;}
.page-order .order-list-item .goods-info .goods-title i{font-size: .8rem; margin-right: .1rem;}
.page-order .order-list-item .goods-info .goods-title .icon-unfold{margin-top: .1rem; color: #05BDAC;}
.page-order .order-list-item .goods-info .order-details{display: none;}
.page-order .order-list-item .goods-info .order-details.active{display: block;}
.page-order .order-list-item .goods-info .order-details .note{padding-top: .2rem; font-size: .7rem; overflow: hidden;}
.page-order .order-list-item .goods-info .order-details .note>span{color: #F5a623;}
.page-order .order-list-item .goods-info .goods-list{margin-top: .3rem; padding-right: .7rem;}
.page-order .order-list-item .goods-info .goods-list ul{padding-bottom: .1rem;}
.page-order .order-list-item .goods-info .goods-list ul li{margin: 0; font-size: .7rem; position: relative;}
.page-order .order-list-item .goods-info .goods-list ul li:before{content: ""; width: .3rem; height: .3rem; position: absolute; left: -.8rem; top: 50%; transform: translate(0, -50%); background-color: #A2A2A2; border-radius: 50%;}
.page-order .order-list-item .goods-info .goods-list .good-name{display: inline-block; width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-order .order-list-item .goods-info .goods-list .good-num{display: inline-block; width: 18%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-order .order-list-item .goods-info .goods-list .good-price{display: inline-block; width: 29%; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-order .order-list-item .goods-info .goods-list .good-num.many{color: #F5a623;}
.page-order .order-list-item .goods-info .box-fee{color: #A0A0A0; font-size: .7rem; padding: .4rem 0; padding-right: .7rem;}
.page-order .order-list-item .goods-info .box-fee span{float: right; margin-right: .2rem;}
.page-order .order-list-item .goods-info .subtotal{padding: .4rem .7rem .4rem 0;}
.page-order .order-list-item .goods-info .subtotal .subtotal-box{font-size: .8rem; font-weight: 700; padding-bottom: .1rem;}
.page-order .order-list-item .goods-info .subtotal .subtotal-box span{float: right; margin-right: .1rem;}
.page-order .order-list-item .goods-info .subtotal .platform-fee{font-size: .7rem; color: #A0A0A0; padding-top: .2rem;}
.page-order .order-list-item .goods-info .subtotal .platform-fee span{float: right; margin-right: .1rem;}
.page-order .order-list-item .goods-info .subtotal .platform-fee a{color: #A0A0A0;}
.page-order .order-list-item .goods-info .subtotal .platform-fee a i{font-size: .7rem;}
.page-order .order-list-item .goods-info .total{margin-top: .2rem; padding-right: .7rem;}
.page-order .order-list-item .goods-info .total .clearfix .left{font-weight: 700; font-size: .8rem;}
.page-order .order-list-item .goods-info .total .clearfix .price{float: right; margin-right: .1rem; font-weight: 700; font-size: .8rem; margin-top: .1rem;}
.page-order .order-list-item .goods-info .total .grayest{font-size: .7rem; margin-top: .2rem;}
.page-order .order-list-item>.operate-box{padding-right: .7rem; padding-top: .4rem;}
.page-order .order-list-item>.operate-box a{margin-left: .3rem; float: right; text-align: center; padding: .2rem .3rem; font-size: .6rem; color: #0CC1AB; border: 1px solid #0CC1AB; border-radius: .15rem;}
.page-order .order-list-item .bottom{padding: 0rem .7rem .7rem .7rem; position: relative;}
.page-order .order-list-item .bottom .operate{float: left; width: 30%;}
.page-order .order-list-item .bottom .about-order{width: 65%; text-align: right; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); margin-right: .7rem;}
.page-order .order-list-item .bottom .operate a{display: inline-block; float: left; width: 50%; text-align: center; color: #444; font-size: .7rem;}
.page-order .order-list-item .bottom .operate a i{color: #444444; font-size: .9rem;}
.page-order .order-list-item .bottom .operate a div{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-order .order-list-item .bottom .about-order .order-time{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem}
.page-order .order-list-item .bottom .about-order .order-number{color: #ABABAB; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem}

/*买单*/
.page-paybill .paybill-order-list{padding-top: .3rem;}
.page-paybill .paybill-order-list .paybill-item{color: #3d4145; display: inline-block; width: 100%; background-color: #fff;}
.page-paybill .paybill-order-list .paybill-item .pay-type{width: 15%; height: 2.6rem; display: inline-block; float: left; text-align: center; position: relative;}
.page-paybill .paybill-order-list .paybill-item .pay-content{width: 45%; display: inline-block; float: left;}
.page-paybill .paybill-order-list .paybill-item .pay-price{width: 40%; display: inline-block; float: left;}
.page-paybill .paybill-order-list .paybill-item .pay-type .type{width: 1.5rem; height: 1.5rem; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.page-paybill .paybill-order-list .paybill-item .pay-type .type.wechat{background: url(../img/wx-icon.png); background-size: 100%;}
.page-paybill .paybill-order-list .paybill-item .pay-type .type.alipay{background: url(../img/zfb-icon.png); background-size: 100%;}
.page-paybill .paybill-order-list .paybill-item .pay-type .type.credit{background: url(../img/money-icon.png); background-size: 100%;}
.page-paybill .paybill-order-list .paybill-item .pay-content .top{font-size: .7rem; margin-top: .2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-paybill .paybill-order-list .paybill-item .pay-content .top .username{}
.page-paybill .paybill-order-list .paybill-item .pay-content .top .order-sn{font-size: .9rem;}
.page-paybill .paybill-order-list .paybill-item .pay-content .bottom{font-size: .7rem; margin-bottom: .2rem;}
.page-paybill .paybill-order-list .paybill-item .pay-price{font-size: .7rem; color: #ff2d4b; padding-top: .4rem; text-align: right; padding-right: 3%;}
.page-paybill .paybill-order-list .paybill-item .pay-price span{color: #3d4145; margin-right: .2rem;}

/*店铺活动*/
.page-activity>.buttons-tab{margin-top: 45px;}
.page-activity>.buttons-tab>.back>i{font-size: .8rem;}
.page-activity>.content{background-color: #fff; padding-top: 40px;}
.page-activity .activity-col{width: 100%; padding-top: .8rem;}
.page-activity .activity-col .col-left{width: 20%; display: inline-block; text-align: center; float: left;}
.page-activity .activity-col .col-right{width: 78%;  display: inline-block; float: left; padding-bottom: .8rem;}
.page-activity .activity-col .col-right .right-content{position: relative;}
.page-activity .activity-col .col-left span{display: inline-block; width: 1.4rem; height: 1.4rem; color: #fff; line-height: 1.4rem; text-align: center; border-radius: .5rem; margin-top: .1rem; background-color: #ccc;}
.page-activity .activity-col .col-left .text-red{background-color: #FA4567;}
.page-activity .activity-col .col-left .text-yellow{background-color: #FBA432;}
.page-activity .activity-col .col-left .text-green{background-color: #63DC49;}
.page-activity .activity-col .col-right h3{margin: 0 0 .4rem; font-size: .9rem; font-weight: 400;}
.page-activity .activity-col .col-right p{margin: 0; font-size: .65rem; color: #8C8C8C; display: inline-block; width: 76%;}
.page-activity .activity-col .col-right a{position: absolute; right: 0; top: 50%; transform: translate(0, -55%); padding: .3rem .4rem; background-color: #FF2D4B; border-radius: .3rem; color: #fff; font-size: .5rem;}
.page-activity .activity-col .col-right .add{background-color: #2B96ED;}
.page-activity .activityList{ background-color: #efeff4; display: none;}
.page-activity .activityList .content{top: 84px; background-color: #efeff4; padding-bottom: 50px;}
.page-activity .content .card-header>span{color: #B2B2B2;}
.page-activity .content .card-header>span i{font-style: normal; font-size: .8rem; margin-left: .3rem; color: #ff2d4b;}
.page-activity .content .card-header .activity-title{max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-activity .content .row{padding-bottom: .3rem;}
.page-activity .content .col-25 .col-title{text-align: center; color: #C5C5C5;}
.page-activity .content .col-25 .col-item{font-size: .7rem; text-align: center;}
.page-activity .content .col-25 .col-item i{font-size: 1rem; font-style: normal; margin: 0 .1rem;}
.page-activity .content .col-25 .col-item.text-red{color: #ff2b4b;}
.page-activity .content .discription{margin-top: .4rem;}
.page-activity .content .discription .one-list{padding: .3rem 0;}
.page-activity .content .discription .one-list .left{display: inline-block; width: 25%; float: left; text-align: center; color: #C5C5C5;}
.page-activity .content .discription .one-list .right{display: inline-block; width: 74%; float: left;}

/*店铺活动列表*/
.page-activity-list .buttons-tab{ margin-top: 45px;}
.page-activity-list .tab-header{color: #fff;}
.page-activity-list .tab-header .button{color: #ff2d4b;}
.page-activity-list .tab-header .back{line-height: 2.3; margin-left: .2rem;}
.page-activity-list .tab-header i{font-size: .8rem; color: #fff;}
.page-activity-list .buttons-tab{position: relative; left: 0; right: 0;}
.page-activity-list .content{margin-top: 40px;}
.page-activity-list .content .card-header>span{color: #B2B2B2; max-width: 45%;}
.page-activity-list .content .card-header>span i{font-style: normal; font-size: .8rem; margin-left: .3rem; color: #ff2d4b;}
.page-activity-list .content .card-header .activity-title{max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-activity-list .content .row{padding-bottom: .3rem;}
.page-activity-list .content .col-33 .col-title{text-align: center; color: #C5C5C5;}
.page-activity-list .content .col-33 .col-item{font-size: .7rem; text-align: center;}
.page-activity-list .content .col-33 .col-item i{font-size: 1rem; font-style: normal; margin: 0 .1rem;}
.page-activity-list .content .col-33 .col-item.text-red{color: #ff2b4b;}
.page-activity-list .content .discription{margin-top: .4rem;}
.page-activity-list .content .discription .one-list{padding: .3rem 0;}
.page-activity-list .content .discription .one-list .left{display: inline-block; width: 25%; float: left; text-align: center; color: #C5C5C5;}
.page-activity-list .content .discription .one-list .right{display: inline-block; max-width: 74%; float: left;}
.page-activity-list .content .card-footer>a{position: absolute; right: .5rem; top: 50%; padding: .2rem .3rem; border: 1px solid #ff2d4b; color: #ff2d4b; border-radius: .1rem; transform: translate(0, -50%);}

a.disabled{pointer-events: none;}
/*店铺满减*/
.discount .content{overflow-x: hidden; overflow-y: auto;}
.discount .item-inner .item-title{color: #B8B8B8;}
.discount .item-inner .item-input{position: relative;}
.discount .item-inner .item-input input{padding-right: 1.2rem;}
.discount .item-inner .item-input i{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #B8B8B8;}
.discount .item-inner .activity-box{margin-top: .3rem;}
.discount .activity-box{background-color: #fff;}
.discount .activity-box .activity-title{padding: .4rem .8rem;}
.discount .activity-box li{padding: .4rem .8rem; position: relative;}
.discount .activity-box li:nth-child(even){background-color: #F9F9F9;}
.discount .activity-box li .input-box{display: inline-block; width: 3.3rem; height: 1.5rem; border: 1px solid #E6E6E6; margin: 0 .6rem; line-height: .7rem;}
.discount .activity-box li .input-box input{display: inline-block; width: 100%; height: 100%; border: 0; outline: 0; text-align: center;}
.discount .activity-box li a{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); margin-right: .8rem; color: #5F5F5F;}
.discount .activity-box li a i{font-size: .8rem;}
.discount .activity-add{text-align: center; color: #FF2D4B; padding: .4rem .8rem; cursor: pointer;}
.discount .confirm,.cancel{width: 100%; height: 55px;text-align: center; margin-top: .7rem;}
.discount .confirm .submit{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; background-color: #FF2D4B; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.discount .cancel a{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.discount .activitys{background-color: #fff;}
.discount .activitys .activity-title{padding: .4rem .8rem;}
.discount .activitys li{padding: .4rem .8rem; background-color: #F9F9F9;}

/*返现活动*/
.cashGrant .content{overflow-x: hidden; overflow-y: auto;}
.cashGrant .item-inner .item-title{color: #B8B8B8;}
.cashGrant .item-inner .item-input{position: relative;}
.cashGrant .item-inner .item-input input{padding-right: 1.2rem;}
.cashGrant .item-inner .item-input i{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #B8B8B8;}
.cashGrant .item-inner .activity-box{margin-top: .3rem;}
.cashGrant .activity-box{background-color: #fff;}
.cashGrant .activity-box .activity-title{padding: .4rem .8rem;}
.cashGrant .activity-box li{padding: .4rem .8rem; position: relative;}
.cashGrant .activity-box li:nth-child(even){background-color: #F9F9F9;}
.cashGrant .activity-box li .input-box{display: inline-block; width: 3.3rem; height: 1.5rem; border: 1px solid #E6E6E6; margin: 0 .6rem; line-height: .7rem;}
.cashGrant .activity-box li .input-box input{display: inline-block; width: 100%; height: 100%; border: 0; outline: 0; text-align: center;}
.cashGrant .activity-box li a{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); margin-right: .8rem; color: #5F5F5F;}
.cashGrant .activity-box li a i{font-size: .8rem;}
.cashGrant .activity-add{text-align: center; color: #FF2D4B; padding: .4rem .8rem; cursor: pointer;}
.cashGrant .confirm,.cancel{width: 100%; height: 55px;text-align: center; margin-top: .7rem;}
.cashGrant .confirm .submit{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; background-color: #FF2D4B; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.cashGrant .cancel a{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.cashGrant .activitys{background-color: #fff;}
.cashGrant .activitys .activity-title{padding: .4rem .8rem;}
.cashGrant .activitys li{padding: .4rem .8rem; background-color: #F9F9F9;}

/*满赠优惠*/
.grant .content{overflow-x: hidden; overflow-y: auto;}
.grant .item-inner .item-title{color: #B8B8B8;}
.grant .item-inner .item-input{position: relative;}
.grant .item-inner .item-input input{padding-right: 1.2rem;}
.grant .item-inner .item-input i{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #B8B8B8;}
.grant .item-inner .activity-box{margin-top: .3rem;}
.grant .activity-box{background-color: #fff;}
.grant .activity-box .activity-title{padding: .4rem .8rem;}
.grant .activity-box li{padding: .4rem .8rem; position: relative;}
.grant .activity-box li:nth-child(even){background-color: #F9F9F9;}
.grant .activity-box li .input-box{display: inline-block; width: 3.3rem; height: 1.5rem; border: 1px solid #E6E6E6; margin: 0 .6rem; line-height: .7rem;}
.grant .activity-box li .input-box input{display: inline-block; width: 100%; height: 100%; border: 0; outline: 0; text-align: center;}
.grant .activity-box li a{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); margin-right: .8rem; color: #5F5F5F;}
.grant .activity-box li a i{font-size: .8rem;}
.grant .activity-add{text-align: center; color: #FF2D4B; padding: .4rem .8rem; cursor: pointer;}
.grant .confirm,.cancel{width: 100%; height: 55px;text-align: center; margin-top: .7rem;}
.grant .confirm .submit{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; background-color: #FF2D4B; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.grant .cancel a{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff;  border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.grant .activitys{background-color: #fff;}
.grant .activitys .activity-title{padding: .4rem .8rem;}
.grant .activitys li{padding: .4rem .8rem; background-color: #F9F9F9;}

/*线路新用户*/
.newMember .content{overflow-x: hidden; overflow-y: auto;}
.newMember .item-inner .item-title{color: #B8B8B8;}
.newMember .item-inner .item-input{position: relative;}
.newMember .item-inner .item-input input{padding-right: 1.2rem;}
.newMember .item-inner .item-input i{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #B8B8B8;}
.newMember .item-inner .activity-box{margin-top: .3rem;}
.newMember .activity-box{background-color: #fff;}
.newMember .activity-box .activity-title{padding: .4rem .8rem;}
.newMember .activity-box li{padding: .4rem .8rem; position: relative;}
.newMember .activity-box li:nth-child(even){background-color: #F9F9F9;}
.newMember .activity-box li .input-box{display: inline-block; width: 3.3rem; height: 1.5rem; border: 1px solid #E6E6E6; margin: 0 .6rem; line-height: .7rem;}
.newMember .activity-box li .input-box input{display: inline-block; width: 100%; height: 100%; border: 0; outline: 0; text-align: center;}
.newMember .activity-add{text-align: center; color: #FF2D4B; padding: .4rem .8rem; cursor: pointer;}
.newMember .confirm,.cancel{width: 100%; height: 55px;text-align: center; margin-top: .7rem;}
.newMember .confirm .submit{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; background-color: #FF2D4B; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.newMember .cancel a{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff;  border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.newMember .activitys{background-color: #fff;}
.newMember .activitys .activity-title{padding: .4rem .8rem;}
.newMember .activitys li{padding: .4rem .8rem; background-color: #F9F9F9;}

/*自提优惠*/
.selfDelivery .content{overflow-x: hidden; overflow-y: auto;}
.selfDelivery .item-inner .item-title{color: #B8B8B8;}
.selfDelivery .item-inner .item-input{position: relative;}
.selfDelivery .item-inner .item-input input{padding-right: 1.2rem;}
.selfDelivery .item-inner .item-input i{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #B8B8B8;}
.selfDelivery .item-inner .activity-box{margin-top: .3rem;}
.selfDelivery .activity-box{background-color: #fff;}
.selfDelivery .activity-box .activity-title{padding: .4rem .8rem;}
.selfDelivery .activity-box .activity-title span{color: #B14442;}
.selfDelivery .activity-box li{padding: .4rem .8rem; position: relative;}
.selfDelivery .activity-box li:nth-child(even){background-color: #F9F9F9;}
.selfDelivery .activity-box li .input-box{display: inline-block; width: 3.3rem; height: 1.5rem; border: 1px solid #E6E6E6; margin: 0 .6rem; line-height: .7rem;}
.selfDelivery .activity-box li .input-box input{display: inline-block; width: 100%; height: 100%; border: 0; outline: 0; text-align: center;}
.selfDelivery .activity-box li a{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); margin-right: .8rem; color: #5F5F5F;}
.selfDelivery .activity-box li a i{font-size: .8rem;}
.selfDelivery .activity-add{text-align: center; color: #FF2D4B; padding: .4rem .8rem; cursor: pointer;}
.selfDelivery .confirm,.cancel{width: 100%; height: 55px;text-align: center; margin-top: .7rem;}
.selfDelivery .confirm .submit{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; background-color: #FF2D4B; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.selfDelivery .cancel a{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; background-color: #0894ec; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.selfDelivery .activitys{background-color: #fff;}
.selfDelivery .activitys .activity-title{padding: .4rem .8rem;}
.selfDelivery .activitys li{padding: .4rem .8rem; background-color: #F9F9F9;}

/*满返优惠*/
.couponGrant .content{overflow-x: hidden; overflow-y: auto;}
.couponGrant .item-content{background-color: #fff;}
.couponGrant .item-inner .item-input{position: relative;}
.couponGrant .item-inner .item-input input{padding-right: 1.2rem;}
.couponGrant .item-inner .item-input i{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #B8B8B8;}
.couponGrant .item-inner .activity-box{margin-top: .3rem;}
.couponGrant .item-inner .condition{width: 3rem; display: inline-block;}
.couponGrant .item-inner .amount{position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.couponGrant .item-inner .item-input>div{display: inline-block;}
.couponGrant .confirm{width: 100%; height: 55px;text-align: center; margin-top: .7rem;}
.couponGrant .confirm .submit{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; background-color: #FF2D4B; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.couponGrant .add{text-align: center;}
.couponGrant .add a{width: 90%; background-color: #fff; height: 2rem; line-height: 2rem; display: inline-block; color: #FF2D4B; border-radius: .2rem; }
.couponGrant .add a i{width: .9rem; height: .9rem; text-align: center; line-height: .9rem; font-size: .8rem; border-radius: 50%; border: 1px solid #FF2D4B; margin-top: -.1rem;}
.couponGrant .add .disabled{background-color: #E3DEDE; color: #fff;}
.couponGrant .add .disabled i{border-color: #fff;}
.couponGrant .coupon-container{text-align: center; margin-top: .6rem; background-color: #fff;}
.couponGrant .coupon-container .coupon-detail:first-child{margin-top: .6rem;}
.couponGrant .coupon-container .coupon-detail{display: inline-block; position: relative; width: 80%; height: 105px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; color: #ccc;}
.couponGrant .coupon-container .coupon-detail:before{top: -8px; border-bottom: 1px solid #ccc; content: ""; display: block; position: absolute; left: 24%; background-color: #fff; width: 18px; height: 18px; border-radius: 9px; z-index: 10;}
.couponGrant .coupon-container .coupon-detail:after{bottom: -10px; border-top: 1px solid #ccc; content: ""; display: block; position: absolute; left: 24%; background-color: #fff; width: 18px; height: 18px; border-radius: 9px; z-index: 10;}
.couponGrant .coupon-container .coupon-detail .coupon-operation{position: absolute; right: 10px; top: 4px;}
.couponGrant .coupon-container .coupon-detail .coupon-operation>a{padding-left: 5px; font-size: 14px;color: #FF2D4B;}
.couponGrant .coupon-detail .coupon-amount { position: relative; width: 27%; padding: 20px 0; border-right: 1px dashed #ccc; text-align: center;}
.couponGrant .coupon-detail .coupon-amount .discount-amount {color: red; font-size: 24px;}
.couponGrant .coupon-detail .coupon-amount p{margin: 0 0 10px; font-size: .6rem;}
.couponGrant .coupon-detail .coupon-amount .max-amount{font-style: normal;}
.couponGrant .coupon-detail .coupon-term { width: 73%; line-height: 105px; font-size: 18px; text-align: center;}
.couponGrant .coupon-detail .coupon-term .deadline{font-style: normal;}
#couponGrant-popup{background-color: #efeff4;}
#couponGrant-popup .list-block{background-color: #fff;}
#couponGrant-popup .item-inner .item-input{position: relative;}
#couponGrant-popup .item-inner .item-input input{padding-right: 1.2rem;}
#couponGrant-popup .list-block .item-title{white-space: normal;}
#couponGrant-popup .list-block .item-input span{position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
#couponGrant-popup .coupon-title{width: 100%; padding: .4rem .8rem; background-color: #fff;}
#couponGrant-popup .popup-close{text-align: center;}
#couponGrant-popup .save{width: 80%; text-align: center; margin: 0 auto; display: inline-block; color: #fff; background-color: #FF2D4B; padding: .3rem 0; border-radius: .3rem;}
#couponGrant-popup header{position: relative;}
#couponGrant-popup .content-block{margin: 1rem 0 1.75rem;}
#couponGrant-popup .content-block{padding: 0;}

/*进店领券*/
.couponCollect .content{overflow-x: hidden; overflow-y: auto;}
.couponCollect .item-content{background-color: #fff;}
.couponCollect .item-inner .item-input{position: relative;}
.couponCollect .item-inner .item-input input{padding-right: 1.2rem;}
.couponCollect .item-inner .item-input i{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #B8B8B8;}
.couponCollect .item-inner .activity-box{margin-top: .3rem;}
.couponCollect .item-inner .condition{width: 2.3rem; display: inline-block; padding-right: .2rem!important;}
.couponCollect .item-inner .amount{position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.couponCollect .confirm{width: 100%; height: 55px;text-align: center; margin-top: .7rem;}
.couponCollect .confirm .submit{display: inline-block; width: 80%; height: 2rem; line-height: 2rem; color: #fff; background-color: #FF2D4B; border-radius: .2rem; margin-bottom: .5rem; border: 0;}
.couponCollect .add{text-align: center;}
.couponCollect .add a{width: 90%; background-color: #fff; height: 2rem; line-height: 2rem; display: inline-block; color: #FF2D4B; border-radius: .2rem; }
.couponCollect .add a i{width: .9rem; height: .9rem; text-align: center; line-height: .9rem; font-size: .8rem; border-radius: 50%; border: 1px solid #FF2D4B; margin-top: -.1rem;}
.couponCollect .list-block .item-after .tpl-select{right: 40px;}
.couponCollect .modal-overlay.modal-overlay-visible, .popup-overlay.modal-overlay-visible, .preloader-indicator-overlay.modal-overlay-visible{opacity: 0;}
.couponCollect .coupon-container{text-align: center; margin-top: .6rem; background-color: #fff;}
.couponCollect .coupon-container .coupon-detail:first-child{margin-top: .6rem;}
.couponCollect .coupon-container .coupon-detail{display: inline-block; position: relative; width: 80%; height: 105px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; color: #ccc;}
.couponCollect .coupon-container .coupon-detail:before{top: -8px; border-bottom: 1px solid #ccc; content: ""; display: block; position: absolute; left: 24%; background-color: #fff; width: 18px; height: 18px; border-radius: 9px; z-index: 10;}
.couponCollect .coupon-container .coupon-detail:after{bottom: -10px; border-top: 1px solid #ccc; content: ""; display: block; position: absolute; left: 24%; background-color: #fff; width: 18px; height: 18px; border-radius: 9px; z-index: 10;}
.couponCollect .coupon-container .coupon-detail .coupon-operation{position: absolute; right: 10px; top: 4px;}
.couponCollect .coupon-container .coupon-detail .coupon-operation>a{padding-left: 5px; font-size: 14px;color: #FF2D4B;}
.couponCollect .coupon-detail .coupon-amount { position: relative; width: 27%; padding: 20px 0; border-right: 1px dashed #ccc; text-align: center;}
.couponCollect .coupon-detail .coupon-amount .discount-amount {color: red; font-size: 24px;}
.couponCollect .coupon-detail .coupon-amount p{margin: 0 0 10px; font-size: .6rem;}
.couponCollect .coupon-detail .coupon-amount .max-amount{font-style: normal;}
.couponCollect .coupon-detail .coupon-term { width: 73%; line-height: 105px; font-size: 18px; text-align: center;}
.couponCollect .coupon-detail .coupon-term .deadline{font-style: normal;}
#couponCollect-popup{background-color: #efeff4;}
#couponCollect-popup .list-block{background-color: #fff;}
#couponCollect-popup .item-inner .item-input{position: relative;}
#couponCollect-popup .item-inner .item-input input{padding-right: 1.2rem;}
#couponCollect-popup .list-block .item-title{white-space: normal;}
#couponCollect-popup .list-block .item-input span{position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
#couponCollect-popup .coupon-title{width: 100%; padding: .4rem .8rem; background-color: #fff;}
#couponCollect-popup .popup-close{text-align: center;}
#couponCollect-popup .save{width: 80%; text-align: center; margin: 0 auto; display: inline-block; color: #fff; background-color: #FF2D4B; padding: .3rem 0; border-radius: .3rem;}
#couponCollect-popup header{position: relative;}
#couponCollect-popup .content-block{margin: 1rem 0 1.75rem;}
#couponCollect-popup .content-block{padding: 0;}

.page-js-modal{display: block}
.page-js-modal .content{background: #efeff4;}
.page-js-modal .list-block{margin-top: .5rem;}
.page-js-modal ul.padding-15px-lr{padding: 0 15px;}
